import { PageProps } from "$fresh/server.ts";
import HeadComponent from "../components/Head.tsx";
import Container from "../components/Container.tsx";
import Button from "../components/Button.tsx";

export default function NotFoundPage({ url }: PageProps) {
  return (
    <>
      <HeadComponent title="未找到" description="404 - 页面不存在" />
      
      <Container>
        <div class="py-20 text-center max-w-sm mx-auto">
          <h1 class="text-5xl font-medium text-mono-100 mb-6">404</h1>
          
          <div class="h-px w-12 bg-mono-800 mx-auto mb-6"></div>
          
          <p class="text-mono-400 mb-8">
            找不到页面 <code class="text-mono-300 bg-mono-900 px-1.5 py-0.5 rounded text-sm">{url.pathname}</code>
          </p>
          
          <Button href="/" variant="primary">
            返回首页
          </Button>
        </div>
      </Container>
    </>
  );
}
